﻿<%@ page contentType="text/html; charset=utf-8" %>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring" %>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form" %>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<c:set var="basePath" value="${pageContext.request.contextPath}"/>
<!DOCTYPE HTML>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>系统管理</title>
    <jsp:include page="/resources/inc/head.jsp" flush="true"/>
</head>
<body>
<div class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">
        <!-- Panel Other -->
        <div class="ibox float-e-margins">
            <div class="ibox-content">
                <div class="row row-lg">
                    <div class="col-sm-12">
                        <!-- Example Events -->
                         <div class="example-wrap">
                            <div class="example">
                                <div class="btn-group hidden-xs mail-tools tooltip-demo" id="toolbar" role="group">
                                        <shiro:hasPermission name="upms:custom:create"><button class="btn btn-white btn-sm" onclick="createAction()" title=""><i  class="glyphicon glyphicon-plus"></i>  新增</button></shiro:hasPermission>
                                </div>
                                <table id="table" data-height="400" data-mobile-responsive="true"></table>
                            </div>
                        </div>
                        <!-- End Example Events -->
                    </div>
                </div>
            </div>
        </div>
        <!-- End Panel Other -->
    </div>
</div>
    <div id="J_table-toolbar" style="display: none;">
        <shiro:hasPermission name="upms:custom:update">
            <a class="update J_btn-table-operator" href="javascript:;" data-action="update" data-toggle="tooltip" title="Edit"><i class="glyphicon glyphicon-edit"></i></a>
        </shiro:hasPermission>
    </div>

<jsp:include page="/resources/inc/footer.jsp" flush="true"/>
<script>
    var $table = $('#table');
    var $tableToolbar = $('#J_table-toolbar');
    var statusDict = new Dict("LOCKSTATUS");
    var systemDict = new Dict("SYSTEM_TYPE");
    $(function () {
        // bootstrap table初始化
        $table.bootstrapTable({
            url: '${basePath}/manage/custom/list',
            height: getHeight(),
            striped: true,
            search: true,
            showRefresh: true,
            showColumns: true,
            minimumCountColumns: 2,
            clickToSelect: false,
            detailView: false,
            pagination: true,
            paginationLoop: false,
            sidePagination: 'server',
            silentSort: false,
            smartDisplay: false,
            escape: true,
            searchOnEnterKey: true,
            idField: 'customId',
            maintainSelected: true,
            toolbar: '#toolbar',
            columns: [
                {field: 'ck', checkbox: true},
                {field: 'customId', title: '编号', sortable: true, align: 'center'},
                {field: 'customName', title: '客户名称'},
                {field: 'ctime', title: '创建时间'},
                {field: 'description', title: '描述'},
                {field: 'locked', title: '状态',formatter: function(value,row,index){
                			    return statusDict.dictFormat(value);
                			}},
                {field: 'systemId', title: '所属系统',formatter: function(value,row,index){
                                return systemDict.dictFormat(value);
                            }},
                {field: 'action', title: '操作', align: 'center', formatter: 'actionFormatter', events: 'actionEvents', clickToSelect: false}
            ]
        });

        $(document).on('click','.J_btn-table-operator',function () {
            var action = $(this).attr('data-action');
            if('update' == action){
                updateAction();
            }else if ('delete' == action){
                deleteAction();
            }
        });
    });
    // 格式化操作按钮
    function actionFormatter(value, row, index) {
        $tableToolbar.find('.J_btn-table-operator').attr('data-custom-id',row.customId);
        return $tableToolbar.html();
    }

    // 新增
    var createDialog;
    function createAction() {
        createDialog = $.dialog({
            animationSpeed: 300,
            title: '新增客户',
            content: 'url:${basePath}/manage/custom/create',
            onContentReady: function () {
                initMaterialInput();
                initUploader();
            }
        });
    }

    // 编辑
    var updateDialog;
    function updateAction() {
        var rows = $table.bootstrapTable('getSelections');
        if (rows.length != 1) {
            $.confirm({
                title: false,
                content: '请选择一条记录！',
                autoClose: 'cancel|3000',
                backgroundDismiss: true,
                buttons: {
                    cancel: {
                        text: '取消',
                        btnClass: 'waves-effect waves-button'
                    }
                }
            });
        } else {
            updateDialog = $.dialog({
                animationSpeed: 300,
                title: '编辑客户',
                content: 'url:${basePath}/manage/custom/update/' + rows[0].customId,
                onContentReady: function () {
                    initMaterialInput();
                    initUploader();
                }
            });
        }
    }
</script>
</body>
</html>